<script setup>

    import { useRoute } from 'vue-router';
    import { useRouter } from 'vue-router';

    /**
      `router`  是路由系统的整体管理对象，负责配置和控制路由。   router.push("/main")
      `route`   是当前激活路由的具体信息对象，提供有关当前路由的上下文和数据。
     */
    //获取参数
    const route = useRoute();

    //获取参数 router.push("/main")
    const router = useRouter();

</script>

<template>
    <!--  获取查询字符串的值   -->
    <h1>list page 拿到参数 :{{ route.query.id }} {{ route.query.age }}</h1>
</template>

<style scoped>

</style>